<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="/easyui/themes/icon.css" />
		<link rel="stylesheet" href="/easyui/themes/default/easyui.css" />
		<link rel="stylesheet" href="/css/public.css" />
		<link rel="stylesheet" href="/css/repository/repository_list.css" />
		<title>仓库管理-仓库列表</title>
		<script type="text/javascript" src="/js/jquery.min.js"></script>
		<script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="/easyui/easyui-lang-zh_CN.js"></script>
	</head>
	
	<body>
		<form id="search_form">
			<table style="border-spacing:2px;">
				<tr>
					<td><input id="role_id" /></td>

					<td><a id="search">搜索</a></td>
					<td><a id="clear">清空</a></td>
				</tr>
			</table>
		</form>

		<div id="repository_dialog" style="display:none;">
			<form id="repository_form">
				<input type="hidden" id="id" name="id" />
				
				<table style="border-spacing:10px;">
					<tr>
						<td>仓库名称</td>
						<td><input id="name" name="name" /></td>
							
						<td>仓库位置</td>
						<td><input id="location" name="location" /></td>
					</tr>
					
					<tr>
						<td>归属角色</td>

						<td colspan=3>
							<input id="roleId" name="roleId" />
						</td>
					</tr>
				</table>
			</form>
		</div>

		<div id="repository_detail" style="display:none;">
			<!-- easyui-layout -->
			<div class="easyui-layout" style="width:775px;height:372px;">
				<!-- easyui-layout:west -->
				<div data-options="region:'west',split:false" style="width:170px;">
					<div id="role_list"></div>
				</div>

				<!-- easyui-layout:center -->
				<div data-options="region:'center',split:false">
					<div class="center" style="margin:5px;">
						<div id="repository_name"></div>
						<a id="edit"></a>
						<a id="query"></a>
					</div>

					<table style="border-spacing:4px;">
						<tbody id="repository"></tbody>
					</table>

					<div class="center" style="margin:5px;">
						<span class="left">
							<a id="pre"></a>
							<span id="current"></span> / <span id="total"></span>
							<a id="next"></a>
						</span>

						<span class="right">
							<button type="button" id="arrange_repository">整理仓库</button>
						</span>
					</div>
				</div>

				<!-- easyui-layout:east -->
				<div data-options="region:'east',split:false" style="width:317px;" id="layout-east">
					<div id="tabs" style="width:100%;height:100%;">
						<div title="&emsp;&emsp;物&ensp;品&emsp;&emsp;">
							<div style="margin:5px;">
								<div class="easyui-panel" style="width:305px;height:285px;">
									<table style="border-spacing:4px;">
										<tbody id="package"></tbody>
									</table>
								</div>
							</div>

							<div style="line-height:32px;margin:5px;">
								<span class="left">移动物品支持双击操作</span>

								<span class="right">
									<button type="button" id="arrange_package">整理包裹</button>
								</span>
							</div>
						</div>

						<div title="&emsp;&emsp;任&ensp;务&emsp;&emsp;">
							<div style="margin:5px;">
								<table style="border-spacing:4px;">
									<tr>
										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>

										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>

										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>

										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>

										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>
									</tr>

									<tr>
										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>

										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>

										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>

										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>

										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>
									</tr>

									<tr>
										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>

										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>

										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>

										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>

										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>
									</tr>

									<tr>
										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>

										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>

										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>

										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>

										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>
									</tr>

									<tr>
										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>

										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>

										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>

										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>

										<td>
											<div class="s50">
												<img height="48" src="/images/blank.png" />
											</div>
										</td>
									</tr>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div id="search_dialog" style="display:none;">
			<div style="margin:5px;">
				<input id="propName" />

				<button type="button" id="exit_search">退出搜索</button>
			</div>

			<div id="empty" style="display:none;">
				<div style="margin:5px;">热门词条</div>

				<div style="margin:5px;" id="hot_words">
					<div class="easyui-panel">
						<table>
							<tr>
								<td>
									<button style="width:68px;">
										<div class="center">五宝</div>
									</button>
								</td>

								<td>
									<button style="width:68px;">
										<div class="center">兽决</div>
									</button>
								</td>

								<td>
									<button style="width:68px;">
										<div class="center">内丹</div>
									</button>
								</td>

								<td>
									<button style="width:68px;">
										<div class="center">法宝</div>
									</button>
								</td>
							</tr>

							<tr>
								<td>
									<button style="width:68px;">
										<div class="center">烹饪</div>
									</button>
								</td>

								<td>
									<button style="width:68px;">
										<div class="center">药品</div>
									</button>
								</td>

								<td>
									<button style="width:68px;">
										<div class="center">高级兽决</div>
									</button>
								</td>

								<td>
									<button style="width:68px;">
										<div class="center">高级内丹</div>
									</button>
								</td>
							</tr>

							<tr>
								<td>
									<button style="width:68px;">
										<div class="center">任务道具</div>
									</button>
								</td>

								<td>
									<button style="width:68px;">
										<div class="center">坐骑纹饰</div>
									</button>
								</td>

								<td>
									<button style="width:68px;">
										<div class="center">星印</div>
									</button>
								</td>

								<td>
									<button style="width:68px;">
										<div class="center">星辰晶石</div>
									</button>
								</td>
							</tr>
						</table>
					</div>
				</div>

				<table>
					<tr>
						<td><img src="/images/linger.png" height="100" /></td>
						<td>
							<p>输入<span class="green">物品名称</span>的关键词即可</p>
							<p>快速定位物品所在仓库哦</p>
						</td>
					</tr>
				</table>
			</div>

			<div id="not_empty" style="display:none;">
				<div class="center">
					有<span class="green" id="repository_count">1</span>个仓库存放该物品，共<span class="green" id="result_count">1</span>个搜索结果
				</div>

				<div style="margin:5px;">
					<div class="easyui-panel" style="width:292px;height:290px;">
						<div class="result_panel">
							<div>
								<div class="result_repo">
									<span style="float:left;">主仓库</span>

									<span style="float:right;">
										<button type="button">打开</button>
									</span>
								</div>

								<div style="overflow-x:scroll;">
									<table style="border-spacing:4px;">
										<tbody>
											<tr class="search_result">
<!--												<td>-->
<!--													<div class="s50">-->
<!--														<img height="48" src="/msyj/3001.png" />-->
<!--														<span>固法</span>-->
<!--													</div>-->
<!--												</td>-->
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div id="prop_detail" style="display:none;">
			<table>
				<tr>
					<td rowspan="3">
						<div class="border">
							<img id="prop_image" />
						</div>
					</td>

					<td class="yellow">
						<span id="prop_name"></span>
					</td>
				</tr>

				<tr>
					<td class="yellow" id="type">
						类型：<span id="prop_type"><!--奇经八脉--></span>
					</td>
				</tr>

				<tr>
					<td class="yellow">
						<span id="prop_quality"><!--品质：紫品 · 86--></span>
					</td>
				</tr>
			</table>

			<input type="hidden" class="splitter" />

			<div id="frozen">
				<div class="red">
					摆摊出售冻结期：<span id="prop_days">永久</span>
				</div>

				<input type="hidden" class="splitter" />
			</div>

			<div class="yellow" id="durability">
				耐久度：<span id="prop_durability">250</span>
			</div>

			<div class="white">
				<p id="prop_note"></p>
			</div>

			<div class="center">
				<button type="button" id="move">取回包裹</button>
			</div>
		</div>

		<table id="repository_list"></table>

		<script type="text/javascript" src="/js/public.js"></script>
		<script type="text/javascript" src="/js/ajaxUtils.js"></script>
		<script type="text/javascript" src="/js/repository/repository_list.js"></script>
	</body>
</html>